*{
	margin: 0;
	padding: 0;
}
.product-details{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.preview{
	position: relative;
	width: 460px;
	height: 440px;
	/*border: 1px solid black;*/
}
.mediumDiv{
	position: relative;
	width: 352px;
	width: 352px;
	/*border: 1px solid black;*/
}
.mediumDiv>img{
	vertical-align:middle;
	width: 350px;
	height: 350px;
	/*border: 1px solid black;*/
}
.preview>.mediumDiv>.mask{
	position: absolute;
	width: 175px;
	height: 175px;
	background-color: #fff;
	opacity: 0.5;
	top: 0;
	left: 0;
	display: none;
}
.preview>.mediumDiv>.superMask{
	position: absolute;
	width: 350px;
	height: 350px;
	top: 0;
	left:0;
	/*background-color: yellow;*/
	/*opacity: 0.3;*/
}
.preview>.largeDiv{
	position: absolute;
	width: 350px;
	height: 350px;
	top: 0;
	left: 360px;
	display: none;
	z-index: 10;
	border: 1px solid #ddd;
	/*background-color: yellow;*/
	/*opacity: 0.3;*/
}
.preview>h1{
	position: relative;
	width: 350px;
	height: 55px;
	margin-top: 10px;
	/*border: 1px solid black;*/
}
.preview>h1>a{
	position: absolute;
	width: 20px;
	height: 55px;
	display: inline-block;
	text-align: center;
	line-height: 55px;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.5);
}
.preview>h1>.disabled{
	opacity: 0.2;
}
.preview>h1>.backward{
	top: 0;
	left: 0;
}
.preview>h1>.forward{
	top: 0;
	right: 0;
}
.preview>h1>.ulbox{
	position: relative;
	width: 300px;
	height: 55px;
	overflow: hidden;
	margin-left: 25px;
	/*border: 1px solid black;*/
}
.preview>h1>.ulbox>ul{
	position: absolute;
	height: 55px;
	/*border: 1px solid black*/
}
.preview>h1>.ulbox>ul>li{
	width: 55px;
	height: 55px;
	float: left;
}
.preview>h1>.ulbox>ul>li:hover{
	box-sizing: border-box;
	border: 1px solid #ddd;
}
.preview>h1>.ulbox>ul>li{
	margin-left: 5px;
}
.preview>h1>.ulbox>ul>li>img{
	width: 55px;
	height: 55px;
}
.show-details{
	position: absolute;
	width: 555px;
	height: 440px;
	top: 0;
	right: 0;
	/*border: 1px solid black;*/
}
.show-details>h1{
	width: 555px;
	color: #000;
	font-size: 24px;
}
.show-details>h1>a{
	width: 555px;
	color: #000;
	font-size: 20px;
}
.price-promise{
	width: 555px;
	height: 100px;
	margin-top: 10px;
	background-color: rgba(0,0,0,0.1);
	box-shadow:0 0 1px #eee;
}
.price{
	width: 555px;
	height: 70px;
	line-height: 70px;
}
.price b{
	color: #aaa;
	font-size: 18px;
}
.price span{
	color: #16AAF2;
	font-size: 28px;
}
.promise b{
	color: #aaa;
	font-size: 14px;
}
.parameter{
	margin-top: 5px;
}
.parameter span{
	color: black;
}
.spec{
	margin-top: 5px;
	display: flex;
}
.spec p{
	font-size:15px;
    width:45px;
    flex-shrink:0;
}
div.spec>div>a{
	display:inline-block;
    margin:0 3px 3px 0;
    padding:5px 5px;
    box-sizing:border-box;
    border:1px solid #666;
}
div.spec>div>a:hover{
	border: 1px solid #16AAF2;
	color: #16aaf2;
}
.account{
	margin-top: 5px;
}
.account span{
	font-size: 15px;
	color: black;
}
.show-details>p.account>button{
	width:30px;
    height:30px;
    text-align:center;
    border:1px solid #ddd;
    font-size:14px;
}
.show-details>p.account>input{
	width: 50px;
	height: 30px;
	box-sizing: border-box;
}
.shops{
	margin-top:10px;
	/*border:1px solid #ddd;*/
	overflow: hidden;
}
.shops>a{
	position: relative;
	display:block;
    width:160px;
    height:40px;
    line-height: 40px;
    text-align:center;
    border:1px solid #ddd;
    font-size:20px;
    border-radius:2px;
    box-sizing: border-box;
    float: left;
}
.shops>a:not(:first-child){
	margin-left: 10px;
}
#show-details div.shops>a.buy{
    color:#0aa1ed;
    background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);
}
#show-details div.shops>a.cart{
    background:linear-gradient(to bottom,#27b0f6,#0aa1ed);
    color:#fff;
}
#show-details div.shops>a.collection{
    width:50px;
    height:40px;
    background:linear-gradient(to bottom,#27b0f6,#0aa1ed);
    font-size:14px;
    color:#fff;
}
.product-details .details_pic{
	width: 100%;
	height: 200px;
	border: 1px solid red;
}
.product-details .details_pic img{
	width: 100%;
}
